<!--v-model-->
<div id="app">
    <form>
        <!-- v-bind:value只能进行单向的数据渲染 -->
        <input type="text" v-bind:value="searchMap.keyWord"></input>
        <!-- v-model 可以进行双向的数据绑定  -->
        <input type="text" v-model="searchMap.keyWord"></input>

        <p>您要查询的是:{{searchMap.keyWord}}</p>
    </form>
    
</div>

<!--资料中拷贝js-->
<script src="vue.min.js"></script>

<script>
    //创建一个vue对象
    new Vue({
        el:'#app',//绑定vue作用的范围
        data:{
            searchMap:{
                keyWord: '尚硅谷'
            }
        }
    })
</script>